@charset "UTF-8";
 @media screen and (min-width: 1024px) and (max-width: 1199px) {
    header {
        width: 96%;
        margin: auto
    }
    #blogs{
        min-height: 0px;
    }
}

@media screen and (min-width: 960px) and (max-width: 1023px) {
    header {
        width: 96%;
        margin: auto
    }

    article {
        width: 96%
    }

    nav {
        width: 96%;
    }

    #starlist li {
        padding-left: 20px
    }

    .picshowlist {
        display: none
    }

    .tuijian, .guanzhu {
        width: 270px;
    }
    #blogs{
        min-height: 0px;
    }
}

@media screen and (min-width: 768px) and (max-width: 959px) {
    header {
        width: 96%;
        margin: auto
    }

    article {
        width: 96%
    }

    nav {
        width: 96%;
    }

    #starlist li {
        padding-left: 15px
    }

    .picbox ul {
        width: 23%;
    }

    .picshowlist {
        display: none
    }

    .pagelist a {
        padding: 2px 3px;
    }
    #blogs{
        min-height: 0px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    header {
        width: 96%;
        margin: auto
    }

    article {
        width: 96%
    }

    .logo {
        width: 100%
    }

    nav {
        width: 100%;
        position: relative
    }

    #starlist {
        display: none;
        background: rgba(0,0,0,.5);
        width: 100%
    }

    #starlist li {
        display: block;
        width: 70%;
        padding: 0;
        background: #FFF
    }

    #starlist li:last-child {
        padding-bottom: 100%
    }

    #mnavh {
        position: absolute;
        display: block;
        top: 8px;
        left: 10px
    }

    .l_box {
        display: none
    }

    .r_box, .infosbox, .picsbox, main {
        width: 100%
    }

    .pagelist a {
        padding: 2px 3px;
    }

    .picbox ul {
        width: 22%;
    }

    .picbox ul li i {
        margin: 5px
    }

    .picinfo {
        display: none
    }

    .picshowlist {
        display: none
    }

    .lmname, .view {
        display: none
    }
    #blogs{
        min-height: 0px;
    }
}

@media only screen and (max-width: 479px) {
    header {
        width: 96%;
        margin: auto
    }

    article {
        width: 100%
    }

    .logo {
        width: 100%
    }

    nav {
        width: 100%;
        position: relative
    }

    #starlist {
        display: none;
        background: rgba(0,0,0,.5);
        width: 100%
    }

    #starlist li {
        display: block;
        width: 70%;
        padding: 0;
        background: #FFF
    }

    #starlist li:last-child {
        padding-bottom: 100%
    }

    #mnavh {
        position: absolute;
        display: block;
        top: 8px;
        left: 10px
    }

    .l_box {
        display: none
    }

    .r_box, .infosbox, .picsbox, main {
        width: 100%
    }

    .picbox {
        width: 96%;
        margin: auto
    }

    .picbox ul {
        width: 48%;
        margin-right: 0
    }

    .picbox ul:nth-child(1), .picbox ul:nth-child(3) {
        margin-right: 8px
    }

    .piclistshow ul li {
        height: 100px;
        padding: 0
    }

    .piclistshow .picimg {
        height: 100px
    }

    .picbox ul li i {
        margin: 2px
    }

    .picinfo {
        display: none
    }

    .picshowlist, .pictxt {
        display: none
    }

    .lmname, .view {
        display: none
    }

    .r_box li i {
        float: none;
        margin: 0 auto 20px;
        width: 100%;
        max-height: initial
    }

    .newsview {
        padding: 0 15px;
    }
    #blogs{
        min-height: 0px;
    }
}
